<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		.one{
			padding-left: 10px;
			overflow: hidden;
			width: 257px;
			height: 294px;
			background-color: #fff;
			border-right: 1px dashed black;
			border-bottom: 1px dashed black;
			position:relative;
			float: left;
		}
		.two{
			/*padding-left: 20px;*/
			/*margin-left: 20px;*/
			width: 257px;
			height: 146px;
			overflow: hidden;
			background-color: #fff;
			border-right: 1px dashed black;
			border-bottom: 1px dashed black;
			float: left;
		}
		.three{
			/*padding-left: 20px;*/
			width: 257px;
			height: 146px;
			overflow: hidden;
			background-color: #fff;
			border-right: 1px dashed black;
			border-bottom: 1px dashed black;
			float: left;
		}
		.four{
			/*padding-left: 20px;*/
			width: 257px;
			height: 148px;
			overflow: hidden;
			background-color: #fff;
			border-top: 1px dashed black;
			border-right: 1px dashed black;
			border-bottom: 1px dashed black;
			position: relative;
			right: 257px;
			top:146px;
			float: left;
		}
		.five{
			/*padding-left: 20px;*/
			width: 257px;
			height: 148px;
			overflow: hidden;	
			background-color: #fff;
			border-top: 1px dashed black;
			border-right: 1px dashed black;
			border-bottom: 1px dashed black;
			position: relative;
			right: 774px;
			top:146px;
			float: left;
		}
		/*设置图片*/
		.d{
			
			text-align: right;
			position: relative;
			/*top:30px;*/

		}
		.a{
			color: blue;
			font-size: 20px;
		}
		.b{
			color: black;
			font-weight: bold;
			line-height: 40px;
			font-size: 20px;
		}
		.c{
			color: gray;
			font-size: 20px;
		}
		.h{
			text-align: right;
			position: relative;
			bottom: 70px;
		}

		.e{
			color: red;
			padding-left: 10px;
			font-size: 20px;

		}
		.f{
			color: black;
			font-weight: bold;
			line-height: 40px;
			padding-left: 10px;
			font-size: 20px;
		}
		.g{
			color: gray;
			padding-left: 10px;
			font-size: 20px;
		}

		.m{
			text-align: right;
			position: relative;
			bottom: 70px;
		}
		.i{
			color: blue;
			padding-left: 10px;
			font-size: 20px;
		}
		.j{
			color: black;
			font-weight: bold;
			line-height: 40px;	
			padding-left: 10px;
			font-size: 20px;

		}
		.k{
			color: gray;
			padding-left: 10px;
			font-size: 20px;

		}

		.q{
			text-align: right;
			position: relative;
			bottom: 60px;
		}
		.n{
			color: blue;
			padding-left: 10px;
			font-size: 20px;
		}
		.o{
			color: black;
			padding-left: 10px;
			font-size: 20px;
			font-weight: bold;
			line-height: 40px;
		}
		.p{
			color: gray;
			padding-left: 10px;
			font-size: 20px;
		}
		.u{
			text-align: right;
			position: relative;
			bottom: 40px;
		}
		.r{
			color: green;
			padding-left: 10px;
			font-size: 20px;
		}
		.s{
			color: black;
			padding-left: 10px;
			font-size: 20px;
			font-weight: bold;
			line-height: 40px;

		}
		.t{
			color: gray;
			padding-left: 10px;
			font-size: 20px;
		}
	</style>
</head>
<body>
	<div class = "one">
		<div class="a">焕新</div>
		<div class="b">品牌精选新品</div>
		<div class = "c">每日新品首发</div>
		<div class="d">
			<img src="image/01.jpg" height="250" width="200" alt="">
		</div>
	</div>
	<div class = "two">
		<div class="e">必抢</div>
		<div class ="f">牛货集结</div>
		<div class = "g">件件必抢</div>
		<div class = "h"><img src="image/02.jpg" height="130" width="100" alt=""></div>
	</div>
	<div class = "three">
		<div class = "i">手机馆</div>
		<div class = "j">新品手机</div>
		<div class = "k">12期免息</div>
		<div class="m"><img src="image/03.jpg" height="130" width="120" alt=""></div>
	</div>
	<div class = "four">
		<div class="n">喵鲜生</div>
		<div class="o">全球精选生鲜</div>
		<div class="p">一站式购齐</div>
		<div class="q"><img src="image/05.jpg" height="130" width="120" alt=""></div>
	</div>
	<div class = "five">
		<div class="r">酷玩街</div>
		<div class="s">创意神器</div>
		<div class="t">潮炫智能</div>
		<div class="u"><img src="image/04.jpg" height="100" width="140" alt=""></div>
	</div>
</body>
</html>